/* 
    Document   : style_for_menu
    Created on : Sep 14, 2013, 7:40:01 AM
    Author     : Trang
    Description:
        Purpose of the stylesheet follows.
*/
*{
    margin:0;
    padding: 0
}
.main {
/*    margin: 30px 100px;
    background: transparent;
    float: right;*/
        list-style: none;
	margin: 0;
	padding: 0;
/*	vertical-align: baseline;*/
/*	line-height: 1;*/
        float: left;
}
 
.main ul {
/*    float: left;*/
    list-style: none;
    position: relative;
/*        display: block;
	position: relative;
	width: inherit;*/
}
 
.main ul li {
    position: relative;
    float: left;
}
 
.main li a {
    display: block;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 15px;
}
 
.main li a:hover {
/*    background: #70A0F1;*/
background-color: transparent;
}
 
.main li ul{
    background: #aaaaaa;
/*        #6d6d6d;*/
/*        #70A0F1;*/
/*background: #d3d3d3;*/
    position: absolute;
    display: none;
    width: 230px;
}
.main li ul a:hover{
    color: #FFFFFF;
/*        #FF0000;*/
/*    width: 100%*/
}
 
.main li:hover ul{
    display: block;
}
 
.main ul li ul li {
    width: 100%;
}
/*
for tap to....
*/
.main li:hover > a{
    background: #aaaaaa;
/*        #6d6d6d;*/
/*        #d3d3d3;*/
/*        #70A0F1;*/
/*    width: 100%*/

    height: 14px;
}
/*ul.menu li {
   background: #ddd;
   height: 20px;
   width:200px;
   padding: 5px 10px;
   list-style:none;
}
ul.menu li li {
   display:block;
   background: #aaa;
}
ul.menu li ul {
   display:none;
   padding: 0;
   margin-left:210px;
   margin-top:-30px;
}
ul.menu li:hover ul {
   display:block;
}
ul.menu li a:hover {
    background: #70A0F1;
}
ul.menu li:hover ul{
    display: block;
}
 
ul.menu ul li ul li {
    width: 100%;
}
 
ul.menu li:hover > a{
    background: #70A0F1;
}*/